 <!-- 顶部导航栏 -->
    <nav class="bg-white shadow-md fixed w-full z-10">
        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
            <div class="flex items-center">
                <img src="{{static_url}}imgs/logo.png" alt="辉达环保" class="h-10">
            </div>
            <div class="hidden md:flex space-x-8 items-center nav">
                <!-- <a href="index.html" class="text-blue-600 font-medium">首页</a>
                <a href="about.html" class="text-gray-600 hover:text-blue-600">公司简介</a>
                <a href="wastewater.html" class="text-gray-600 hover:text-blue-600">污水板块</a>
                <a href="solidwaste.html" class="text-gray-600 hover:text-blue-600">固废板块</a>
                <a href="exhaust.html" class="text-gray-600 hover:text-blue-600">废气板块</a>
                <a href="future.html" class="text-gray-600 hover:text-blue-600">发展方向</a>
                <a href="new-list.html" class="text-gray-600 hover:text-blue-600">新闻动态</a>
                <a href="contact.html" class="text-gray-600 hover:text-blue-600">联系我们</a> -->

                {{if nav.length>0}}
                {{each nav}}
                    {{if $value.status == 0}}
                        {{if $value.pinyin == 'home'}}
                            <a href="/" class="text-primary-600">首页</a>
                        {{else}}
                            {{if $value.type==0}}
                            <a href="{{$value.path}}/index.html" class="hover:text-primary-600"
                                title="{{$value.name}}">{{$value.name}}</a>
                            {{else}}
                            <a href="{{$value.path}}/page.html" class="hover:text-primary-600" title="{{$value.name}}">{{$value.name}}
                            </a>
                            {{/if}}
                        {{/if}}
                    {{/if}}
                {{/each}}
            {{/if}}
            <div class="border-l border-gray-300 pl-4 ml-4 ignore">
                <span class="text-gray-600 hover:text-blue-600 mr-2" onclick="ChanCMS.setLange('chinese_simplified')">中文</span>
                <span class="text-gray-600 hover:text-blue-600" onclick="ChanCMS.setLange('english')">English</span>
            </div>
            </div>
            <div class="md:hidden">
                <div class="flex items-center ignore">
                    <span class="text-primary-600 hover:text-primary-700 cursor-pointer ignore"
                        onclick="ChanCMS.setLange('chinese_simplified')">中文</span>
                    <span class="mx-2 text-gray-400">|</span>
                    <span class="text-primary-600 hover:text-primary-700 cursor-pointer"
                        onclick="ChanCMS.setLange('english')">English</span>
                    <button id="mobile-menu-button" class="text-gray-600 ml-4">
                        <i class="fas fa-bars text-xl"></i>
                    </button>
                </div>
            </div>
        </div>
    </nav>

    <!-- 移动端导航菜单 添加遮罩 -->
    <div id="mobile-menu"
        class="fixed top-16 left-0 right-0 bg-black h-full bg-opacity-40  shadow-md z-20 hidden md:hidden">
        <div class="container mx-auto px-4 py-2  bg-white">
            <div class="flex flex-col space-y-4 py-3">
                {{if nav.length>0}}
                {{each nav}}
                    {{if $value.status == 0}}
                        {{if $value.pinyin == 'home'}}
                            <a href="/" class="text-primary-600">首页</a>
                        {{else}}
                            {{if $value.type==0}}
                            <a href="{{$value.path}}/index.html" class="hover:text-primary-600"
                                title="{{$value.name}}">{{$value.name}}</a>
                            {{else}}
                            <a href="{{$value.path}}/page.html" class="hover:text-primary-600" title="{{$value.name}}">{{$value.name}}
                            </a>
                            {{/if}}
                        {{/if}}
                    {{/if}}
                {{/each}}
            {{/if}}
                <!-- <a href="index.html" class="text-blue-600 font-medium">首页</a>
                <a href="about.html" class="text-gray-600 hover:text-blue-600">公司简介</a>
                <a href="wastewater.html" class="text-gray-600 hover:text-blue-600">污水板块</a>
                <a href="solidwaste.html" class="text-gray-600 hover:text-blue-600">固废板块</a>
                <a href="exhaust.html" class="text-gray-600 hover:text-blue-600">废气板块</a>
                <a href="future.html" class="text-gray-600 hover:text-blue-600">发展方向</a>
                <a href="contact.html" class="text-gray-600 hover:text-blue-600">联系我们</a> -->
            </div>
        </div>
    </div>
